import { app, BrowserWindow, globalShortcut } from 'electron';
import { createRequire } from 'node:module';
import { fileURLToPath } from 'node:url';
import path from 'node:path';
// import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer';

const require = createRequire(import.meta.url);
const __dirname = path.dirname(fileURLToPath(import.meta.url));

// The built directory structure
//
// ├─┬─┬ dist
// │ │ └── index.html
// │ │
// │ ├─┬ dist-electron
// │ │ ├── main.js
// │ │ └── preload.mjs
// │
process.env.APP_ROOT = path.join(__dirname, '..');

// 🚧 Use ['ENV_NAME'] avoid vite:define plugin - Vite@2.x
export const VITE_DEV_SERVER_URL = process.env['VITE_DEV_SERVER_URL'];
export const MAIN_DIST = path.join(process.env.APP_ROOT, 'dist-electron');
export const RENDERER_DIST = path.join(process.env.APP_ROOT, 'dist');

process.env.VITE_PUBLIC = VITE_DEV_SERVER_URL ? path.join(process.env.APP_ROOT, 'public') : RENDERER_DIST;

let win: BrowserWindow | null;

function createWindow() {
  win = new BrowserWindow({
    icon: path.join(process.env.VITE_PUBLIC, 'electron-vite.svg'),
    webPreferences: {
      preload: path.join(__dirname, 'preload.mjs'),
      // 允许开发者工具
      devTools: true,
      // 开发环境下禁用web安全性，生产环境下启用
      webSecurity: process.env.NODE_ENV !== 'development',
      // 启用上下文隔离
      contextIsolation: true,
      // 禁用远程模块 - 新版Electron中已移除，通过preload脚本实现
      // enableRemoteModule: false,
      // 启用沙箱
      sandbox: true,
      // 允许node集成
      nodeIntegration: false
    },
  });

  // Test active push message to Renderer-process.
  win.webContents.on('did-finish-load', () => {
    win?.webContents.send('main-process-message', new Date().toLocaleString());
  });

  if (VITE_DEV_SERVER_URL) {
    win.loadURL(VITE_DEV_SERVER_URL);
    // 开发模式下自动打开开发者工具
    win.webContents.openDevTools();
  } else {
    // win.loadFile('dist/index.html')
    win.loadFile(path.join(RENDERER_DIST, 'index.html'));
  }

  // 在这里注册 F12 快捷键来打开开发者工具
  globalShortcut.register('F12', () => {
    win?.webContents.toggleDevTools();
  });
}

// Quit when all windows are closed, except on macOS. There, it's common
// for applications and their menu bar to stay active until the user quits
// explicitly with Cmd + Q.
app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit();
    win = null;
  }
});

app.on('activate', () => {
  // On OS X it's common to re-create a window in the app when the
  // dock icon is clicked and there are no other windows open.
  if (BrowserWindow.getAllWindows().length === 0) {
    createWindow();
  }
});

app.whenReady().then(async () => {
  // 安装Vue开发者工具
  try {
    // 使用@vue/devtools
    if (process.env.NODE_ENV === 'development') {
      console.log('正在启动Vue DevTools...');
      
      // 获取本地Vue DevTools的路径
      const vueDevToolsPath = path.join(process.env.APP_ROOT, 'node_modules', '@vue', 'devtools');
      
      // 加载并启动Vue DevTools
      require(vueDevToolsPath);
      console.log('Vue DevTools 已加载，将在单独窗口中显示');
    }
  } catch (e) {
    console.error('Failed to install Vue DevTools:', e);
  }
  
  createWindow();
});
